{% extends "base.html" %}
{% block content %}
<article>
    <div class="text1">
        <header>
            <hgroup>
                <h1>Welcome to our Cloud Community</h1>
                <h3>Share your models and take advice from your peers!</h3>
            </hgroup>
        </header>
        <div class="text1"><p>
            If you use Model-Builder for your research or teaching, how about publish your models on the web so that your peers can see your work and comment on it?
        </p>
        <p>
            On our cloud community, you decide who can view your work by inviting them to share. Or, if you prefer, you can make your work public, so that anyone can see how cool it is!
        </p>
		</div>
    </div>
    <div class="text2" id="customCols">
        <p>
            Model-builder is an interactive environment for building simulating and analyzing mathematical models based of Ordinary differential equations.
		</p>
		<img src="/images/pymb1.png" alt="screenshot 1" width="200px"/>
        <p>
            Model-Builder is Free-software (GPL v3), and ncluded in Ubuntu and Debian Distributions. Model-BUilder has been in continuous developmnet since 2003 and has been used in many math modelling courses, and by various individual researchers worldwide.  
        </p>
		<p>
		Among its main features we can list:
		</p>
		<ul>
			<li>  No programming experience required to create models;</li>
			<li>  Results can be easily exported to spreadsheets for further analysis;</li>
			<li>  Built-in analytical tools such as: Spectral analysis, Wavelet analysis, etc;</li>
			<li>  and much more!</li>
		</ul>
		<img src="/images/pymb2.png" alt="screenshot 2" width="200px"/>
    </div>
    <div class="text3">
    	<h3>Recently Updated Models:</h3>
        <ul>
        	{%for m in models%}
        	<li>
			       <em><a href='/model?key="{{m.1}}"' target="_blank">{{m.0.name}}</a></em>; 
			   </li>
			{%endfor%}
        
		<h3>Highest Rating Models:</h3>
        <p>
            
        </p>
    </div>
</article>

{% endblock %} 